<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>主页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />

	</head>

	<body>

		<!--头部-->
		<header class="header">
		</header>
		<!--轮播图-->
		<div class="banner">
			<ul class="banner_nav">
				<li class="banner_li">
					<a href="">
						<img src="imges/index/banner/1.jpg"/>
					</a>
				</li>
			</ul>
		</div>

		<div id="container">
			<!--服务-->
			<div class="server">
				<ul class="server_nav clearfix">
					<li class="server_nav_li">
						<a href="javascript:;" class="li_f1_nav_img"><i class="img_m"></i>M码通道</a>
						<a href="javascript:;" class="li_f1_nav_img"><i class="img_h"></i>依旧换新</a>
						<a href="javascript:;" class="li_f1_nav_img"><i class="img_b"></i>魅族意外保</a>
						<a href="javascript:;" class="li_f1_nav_img"><i class="img_c"></i>回购单查询</a>
					</li>
					<li class="server_nav_li">
						<a href="javascript:;">
							<img class="server_product_img" src="imges/index/server/1.jpg" />
						</a>
					</li>
					<li class="server_nav_li">
						<a href="javascript:;">
							<img class="server_product_img" src="imges/index/server/2.jpg" />
						</a>
					</li>
					<li class="server_nav_li">
						<a href="javascript:;">
							<img class="server_product_img" src="imges/index/server/3.jpg" />
						</a>
					</li>
					<li class="server_nav_li">
						<a href="javascript:;">
							<img class="server_product_img" src="imges/index/server/4.jpg" />
						</a>
					</li>
				</ul>
			</div>

			<!--热卖商品-->
			<div class="hot">

			</div>

			<div class="ad">
				<a href="product_details.html">
					<img src="imges/index/ad/1.jpg" />
				</a>
			</div>

			<!--产品展示-->
			<div class="product">
				<!--手机 热销机型-->
				<div class="phone show">
					<div class="pro_title">
						<h2 class="pro_msg">手机</h2>
					</div>
					<ul class="pro clearfix">
						<li class="pro_show pro_first">
							<a href="product_details.html">
								<img src="imges/index/hotType/0.jpg" />
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/1.jpg" />
								<h4 class="pro_show_title">魅族PRO7</h4>
								<h6 class="pro_show_msg">新品现货 享6期免息</h6>
								<p class="pro_show_price">￥2880</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/2.jpg" />
								<h4 class="pro_show_title">魅蓝E</h4>
								<h6 class="pro_show_msg">EP-21耳机</h6>
								<p class="pro_show_price">￥999</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/3.jpg" />
								<h4 class="pro_show_title">魅蓝E2</h4>
								<h6 class="pro_show_msg">领券立减100元</h6>
								<p class="pro_show_price">￥1299</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/4.jpg" />
								<h4 class="pro_show_title">魅族PRO6Plus</h4>
								<h6 class="pro_show_msg">购机特惠300元 享6期免息</h6>
								<p class="pro_show_price">￥2699</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/5.jpg" />
								<h4 class="pro_show_title">魅蓝Max</h4>
								<h6 class="pro_show_msg">领券立减300元</h6>
								<p class="pro_show_price">￥1699</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/6.jpg" />
								<h4 class="pro_show_title">魅族PRO6s</h4>
								<h6 class="pro_show_msg">直降200 购机仅需2299元</h6>
								<p class="pro_show_price">￥2299</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/7.jpg" />
								<h4 class="pro_show_title">魅族MX6</h4>
								<h6 class="pro_show_msg">全金属快充拍照旗舰</h6>
								<p class="pro_show_price">￥1599</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/8.jpg" />
								<h4 class="pro_show_title">魅蓝5 礼盒版</h4>
								<h6 class="pro_show_msg">1300W像素 指纹解锁长续航</h6>
								<p class="pro_show_price">￥799</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/hotType/9.jpg" />
								<h4 class="pro_show_title">魅蓝5s</h4>
								<h6 class="pro_show_msg">32G版限量赠保护壳</h6>
								<p class="pro_show_price">￥999</p>
							</a>
						</li>
					</ul>
				</div>

				<div class="ad">
					<a href="product_details.html">
						<img src="imges/index/ad/2.jpg" />
					</a>
				</div>

				<!--数码配件-->
				<div class="num_code show">
					<div class="pro_title">
						<h2 class="pro_msg">数码配件</h2>
					</div>
					<ul class="pro clearfix">
						<li class="pro_show pro_first">
							<a href="product_details.html">
								<img src="imges/index/parts/0.jpg" />
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/1.png" />
								<h4 class="pro_show_title">魅族HD50头戴式耳机</h4>
								<h6 class="pro_show_msg">清新简洁，有音质更有颜值</h6>
								<p class="pro_show_price">￥399</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/2.png" />
								<h4 class="pro_show_title">魅族蓝牙小音箱</h4>
								<h6 class="pro_show_msg">好音感 直达心灵</h6>
								<p class="pro_show_price">￥169</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/3.png" />
								<h4 class="pro_show_title">魅族 蓝牙通话耳机</h4>
								<h6 class="pro_show_msg">经典小圆点 一键集大成</h6>
								<p class="pro_show_price">￥89</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/4.png" />
								<h4 class="pro_show_title">魅族手环</h4>
								<h6 class="pro_show_msg">腕间流动的心率专家</h6>
								<p class="pro_show_price">￥229</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/5.png" />
								<h4 class="pro_show_title">魅族盒子</h4>
								<h6 class="pro_show_msg">一键找回遥控器</h6>
								<p class="pro_show_price">￥399</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/6.png" />
								<h4 class="pro_show_title">魅族路由器 极速版</h4>
								<h6 class="pro_show_msg">天生不凡 快狠稳</h6>
								<p class="pro_show_price">￥199</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/7.png" />
								<h4 class="pro_show_title">魅蓝数码收纳包</h4>
								<h6 class="pro_show_msg">随身收纳 安全安心</h6>
								<p class="pro_show_price">￥59</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/8.png" />
								<h4 class="pro_show_title">魅蓝 休闲旅行双肩包</h4>
								<h6 class="pro_show_msg">曲面一体式 多功能隔层</h6>
								<p class="pro_show_price">￥199</p>
							</a>
						</li>
						<li class="pro_show">
							<a href="product_details.html" class="pro_link">
								<img class="pro_img" src="imges/index/parts/9.png" />
								<h4 class="pro_show_title">魅蓝胸包</h4>
								<h6 class="pro_show_msg">时尚个性 动无拘束</h6>
								<p class="pro_show_price">￥119</p>
							</a>
						</li>
					</ul>
				</div>
			</div>

			<footer class="footer"></footer>
		</div>

		<script src="js/jquery-3.2.1.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>